<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="edge">
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1.0,user-scalable=0">
    <meta content="telephone=no" name="format-detection" />
    <meta name="description" content="">
	<meta name="keywords" content="">
    <title>知识库-订单详情</title>
    <link rel="stylesheet" type="text/css" href="css/reset.css">
    <link rel="stylesheet" type="text/css" href="css/global.css">
    <link rel="stylesheet" type="text/css" href="css/media.css">
    <link rel="stylesheet" type="text/css" href="css/loading.css">
    <script type="text/javascript" src="js/lib/loading.js"></script>
    <style type="text/css">
        html,body{ background-color: #fff;}
    </style>
</head>
<body id="app">
	<!-- 头部 -->
    <header class="header" v-cloak>
        <a href="javascript:;" title="返回" class="icon back" @click="back();"></a>
        <h1>{{title}}</h1>
    </header>
    
    <section class="padT23 padB23 orderShow" v-cloak v-show="!selectPlace">
    	<span class="db pad24 font32 color55 bgf4">收货信息</span>
    	<div class="padLR40 font28 color55 bgff">
    		<div class="clearfix padTB40 borderB">
    			<span class="fl">收货方式</span>
                <!-- 方式有：自提、邮寄 -->
    			<span class="fr receivtWay" @click="selectWay()">{{wayText}}</span>
    		</div>
            <!-- 自提显示start -->
    		<div class="clearfix padTB40 borderB" v-show="!post">
    			<span class="fl note">自提地点</span>
                <a href="javascript:;" class="fr color55 noteCont" @click="toSelectPlace(selectedPlaceId||firstPlace.id)">{{selectedPlaceName||firstPlace.name}}</a>
    		</div>
            <!-- end -->

            <!-- 邮寄显示start -->
            <div v-show="post">
                <div class="clearfix padTB40 borderB">
                    <span class="fl">收货人</span>
                    <input class="fr noteCont" v-model="fill.receiver" />
                </div>
                <div class="clearfix padTB40 borderB">
                    <span class="fl">联系电话</span>
                    <input class="fr noteCont" v-model="fill.receiverPhone" />
                </div>
                <div class="clearfix padTB40 borderB">
                    <span class="fl note">收货地址</span>
                    <textarea class="fr noteCont" v-model="fill.Adrress"></textarea>
                </div>
            </div>
            <!-- end -->
    		<div class="clearfix padTB40">
                <span class="fl note">备注</span>
                <textarea class="fr noteCont" v-model="fill.Remark" ></textarea>
            </div>
    	</div>
    	<span class="db pad24 font32 color55 bgf4">兑换清单</span>
    	<ul class="bgff cartUl">
    		<li class="borderB" v-for="(index,item) in goodsInfo">
				<div class="clearfix">
					<a href="goodDetail.html" class="db fl j_1 photo"><img data-src="{{item.pic}}" src="images/imgload.gif" alt="" class="loadImg" alt="" /></a>
					<div class="fr color55 text">
						<h3 class="line15 font30 normal ell">{{item.name}}</h3>
						<span class="db font24 colorac ell desc">{{item.filterDesc|delhtml}}</span>
						<span class="db line15 font28">单价：<em class="color3b">{{item.price}}</em>白金币</span>
						<span class="db font28">数量：{{goodsNum[index]}}</span>
					</div>
				</div>
			</li>
    	</ul>
        
        <div class="clearfix borderT goodFooter">
            <span class="fl coins">总计<em>{{totalPrice}}</em>白金币</span>
            <a href="javascript:void(0);" class="fr addCart" @click="submitVerify()">确认兑换</a>
        </div>
    </section>
    
    <section class="padT23" v-show="selectPlace" v-cloak>
        <ul class="placeUl">
            <li class="checkLi" :class="{'checkOn':item.id==selectedPlaceId}" data-id="{{item.id}}" v-for="item in placeInfo" @click="selectedPlace(item.id,item.name)">{{item.name}}</li>
        </ul>
    </section>


    <div class="popbg" v-show="addrWay" @click="selectWay()" v-cloak></div>
    <div class="receivtBox" v-show="addrWay" v-cloak>
        <span class="db title">收货方式</span>
        <ul class="wayUl">
            <li class="checkLi" :class="{'checkOn':wayText=='邮寄'}" @click="selectWay('邮寄')">邮寄</li>
            <li class="checkLi" :class="{'checkOn':wayText=='自提'}" @click="selectWay('自提')">自提</li>
        </ul>
    </div>
	
	<script type="text/javascript" src="js/lib/jquery.min.js"></script>
    <script type="text/javascript" src="js/lib/vue.js"></script>
    <script src="js/lib/hammer.min.js"></script>
    <script src="js/lib/vue-touch.js"></script>
    <script type="text/javascript" src="js/lib/global.js"></script>
    <script type="text/javascript" src="js/lib/alert.js"></script>
    <script type="text/javascript" src="js/app.js"></script>
    <script type="text/javascript" src="js/lib/common.js"></script>
    <script type="text/javascript" src="js/orderSubmit.js"></script>
</body>
</html>